<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="css/XPagination.css">
	<title>XPagination</title>
</head>
<body>
	<div id="xPagination">
		
		<!-- <div class="xp_container clearFix">
			<div class="xp_left fLeft">
				<div class="fLeft">每页</div>
				<div id="xSelect" class="xselect fLeft">
		            <span>10</span>
		            <ul class="dropdown">
		                <li>20</li>
		                <li>40</li>
		                <li>100</li>
		            </ul>
		        </div>
				<div class="fLeft">条数据&nbsp;共<span class="total_record">3333</span>条数据，共<span class="total_page">232</span>页。</div>
			</div>
			<div class="xp_right fLeft">
				<div class="xp_single_page_btn xp_page_home_btn">首页</div>
				<div class="xp_single_page_btn xp_page_prev_btn">&lt;</div>
				<div class="xp_single_page_btn xp_page_num_btn">1</div>
				<div class="xp_single_page_btn xp_page_num_btn">2</div>
				<div class="xp_single_page_btn xp_page_ellipsis_btn">...</div>
				<div class="xp_single_page_btn xp_page_num_btn">80</div>
				<div class="xp_single_page_btn xp_page_next_btn">&gt;</div>
				<div class="xp_single_page_btn xp_page_lastpage_btn">尾页</div>

			</div>
			<div class="xp_redirect_part fLeft">到<input type="text">页<span class="submit">确定</span></div>
		</div> 
	 -->
	</div>


	<script src="./js/XPagination.js"></script>
	<script type="text/javascript">
		var xp = new xpagination({
			el: 'xPagination',
			fontShowNo: 2,
			numPerPage: [12,24,36,48],
			position: 'right',
			theme: 1,
		});

		xp.update(3,11);
	</script>
</body>
</html>